<template>
  <div class="w-bgc">
    <div class="title">基础参数设置</div>
    <el-tabs type="border-card" class="mt16" v-model="activeName">
      <el-tab-pane
        v-for="(item, index) in panes"
        :key="index"
        :label="item.label"
      >
      </el-tab-pane>
      <routine v-if="activeName === '0'" />
      <unit v-if="activeName === '1'" />
    </el-tabs>
  </div>
</template>

<script setup lang="ts">
import routine from "./components/routine.vue";
import unit from "./components/unit.vue";
const activeName: string = ref("0");

const panes = reactive([
  {
    label: "常规",
    value: "0",
  },
  {
    label: "药房库房单位",
    value: "1",
  },
  {
    label: "库房检查",
    value: "2",
  },
  {
    label: "自动计算",
    value: "3",
  },
  {
    label: "自动发药发料设置",
    value: "3",
  },
]);
</script>


<style lang="scss" scoped>
.text {
  color: red;
}

.icon {
  font-size: 28px;
}

.mt16 {
  margin-top: 16px;
}
</style>
